<template>
    <div id="echarts">
        <div class="box"></div>
    </div>
</template>

<script>

export default {
    data() {
        return {}
    },
    mounted() {
            let option = {
                title: {
                    text: "ECharts 入门示例"
                },
                tooltip: {},
                legend: {
                    data: ["销量"]
                },
                xAxis: {
                    data: ["衬衫", "羊毛衫", "雪纺衫", "裤子", "高跟鞋", "袜子"]
                },
                yAxis: {},
                series: [
                    {
                        name: "销量",
                        type: "bar",
                        data: [5, 20, 36, 10, 10, 20]
                    }
                ]
            };
            // 初始化实例对象  echarts.init(dom容器);
            let myChart = this.$echarts.init(document.querySelector(".box"));
            myChart.setOption(option);
        },
    methods: {

    }


}
</script>

<style>
.box {
    width: 300px;
    height: 300px;
    background-color: pink;
}
</style>